<template>
  <div class="header-section">
    <IOSBackButton @click="$emit('back')" />
    <div class="header-content">
      <h1 class="header-title">局域网网盘</h1>
      <p class="header-subtitle">安全、快速的局域网文件分享平台</p>
    </div>
  </div>
</template>

<script setup>
// Define emits
defineEmits(['back']);
</script>

<style scoped>
.header-section {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.header-content {
  margin-left: 20px;
}

.header-title {
  font-size: 24px;
  font-weight: 700;
  color: #1d1d1f;
  margin: 0 0 8px 0;
  letter-spacing: -0.02em;
}

.header-subtitle {
  font-size: 12px;
  color: #6e6e73;
  margin: 0;
  font-weight: 400;
  line-height: 1.4;
}
</style> 